;(function () {
  $(function () {
    // 下拉
    $('.c2-con-left')
      .on('mouseenter', function () {
        $(this).find('li').show()
      })
      .on('mouseleave', function () {
        $(this).find('li').hide()
      })
  })

  // 固定导航栏
  $(window).on('load', function () {
    var oYuan = document.querySelector('.yuan')
    var oCartList = JSON.parse(localStorage.getItem('cart') || '[]')
    let cartLength = oCartList.length
    oYuan.innerHTML = cartLength

    let topH = $('.header').height() //获取到头部的高度
    $(window).on('scroll', function () {
      let sTop = $(this).scrollTop() //获取不可见区域的高度
      if (sTop > topH) {
        $('.content2').css({
          backgroundColor: 'rgba(0,0,0,0)',
          position: 'fixed',
          top: 0
        })
        $('.buttom').css({
          marginTop: $('.c2-con').height()
        })
      } else {
        $('.content2').css({
          backgroundColor: 'rgba(0,0,0,1)',
          position: 'static'
        })
        $('.buttom').css({
          marginTop: '0px'
        })
      }
    })
  })

  // 图片的懒加载
  $(function () {
    let listHeight = Array.from($('img')).map((item) => $(item).offset().top)
    $(window).on('scroll', function () {
      let currTop = $(this).scrollTop() + $(window).height()
      listHeight.forEach((item, index) => {
        if (item < currTop) {
          $('img').eq(index).attr('src', $('img').eq(index).data('origin'))
        }
      })
    })
    //不会触发默认行为
    $(window).triggerHandler('scroll')
  })
})()
